<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=1226" />
    <meta
      name="description"
      content="小米官网直营小米公司旗下所有产品，包括Xiaomi手机系列Xiaomi 13、MIX、Redmi 红米系列、Redmi Note 12、K60、电视、笔记本、米家智能家居等，同时提供小米官方服务及售后支持."
    />
    <meta name="keywords" content="Xiaomi,redmi,Xiaomi13,Redmi Note 12,Xiaomi MIX Alpha,小米商城" />
    <title>小米商城 - Xiaomi 13、Redmi K60、MIX FOLD 2，小米电视官方网站</title>
    <!-- 导入字体图标 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3611717_u523q73z4xc.css" />
    <!-- 导入样式 -->
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <!-- 顶部工具条 -->
    <div class="site-topbar">
      <!-- 工具条容器 -->
      <div class="w">
        <!-- 工具条容器左侧区域 -->
        <div class="site-topbar-left">
          <a href="#">小米官网</a>
          <span>|</span>
          <a href="#">小米商城</a>
          <span>|</span>
          <a href="#">MIUI</a>
          <span>|</span>
          <a href="#">IoT</a>
          <span>|</span>
          <a href="#">云服务</a>
          <span>|</span>
          <a href="#">天星数科</a>
          <span>|</span>
          <a href="#">有品</a>
          <span>|</span>
          <a href="#">小爱开放平台</a>
          <span>|</span>
          <a href="#">资质证照</a>
          <span>|</span>
          <a href="#">协议规则</a>
          <span>|</span>
          <a href="#">下载app</a>
          <span>|</span>
          <a href="#">Select Location</a>
        </div>
        <!-- 工具条容器右侧区域 -->
        <div class="site-topbar-right">
          <a href="#">登录</a>
          <span>|</span>
          <a href="#">注册</a>
          <span>|</span>
          <a href="#">消息通知</a>
          <a href="#" class="shopping-cart">
            <em class="iconfont icon-cart"></em>
            购物车 (0)
          </a>
        </div>
      </div>
    </div>

    <!-- 导航搜索栏 -->
    <div class="site-nav-search w">
      <div class="logo"></div>
      <ul class="nav">
        <li><a href="#">Xiaomi手机</a></li>
        <li><a href="#">Redmi手机</a></li>
        <li><a href="#">电视</a></li>
        <li><a href="#">笔记本</a></li>
        <li><a href="#">平板</a></li>
        <li><a href="#">家电</a></li>
        <li><a href="#">路由器</a></li>
        <li><a href="#">服务中心</a></li>
        <li><a href="#">社区</a></li>
      </ul>
      <div class="search">
        <input type="text" placeholder="手机" />
        <button value="submit" class="iconfont icon-sousuo"></button>
      </div>
    </div>

    <!-- 子菜单区域 -->
    <div class="site-sublist w">
      <div class="subnav"></div>
      <div class="products">
        <a href="#">
          <img src="img/029f7790f2a2816aa7c0d205b25dcef0.jpeg" />
        </a>
        <a href="#">
          <img src="img/1ac77590368ff636d0b4f6a988133f55.png" />
        </a>
        <a href="#">
          <img src="img/8dede2520f8dfff9c9b690af498cafe8.jpg" />
        </a>
      </div>
    </div>
  </body>
</html>
